import Vue from 'vue'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // lang i18n

import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'

import * as filters from './utils/trip/filters'; // 全局vue filter
// import Multiselect from 'vue-multiselect';// 使用的一个多选框组件，element-ui的select不能满足所有需求
// import 'vue-multiselect/dist/vue-multiselect.min.css';// 多选框组件css

// import IconSvg from '@/components/Icon-svg';// svg 组件
// import vueWaves from './directive/waves';// 水波纹指令
import errLog from './store/errLog';// error log组件

import { getToken } from './utils/auth';

import '@/icons' // icon
import '@/permission' // permission control


//############################################################################################
// import { getToken } from 'utils/auth';

import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = '/api'  //关键代码

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
if (process.env.NODE_ENV === 'production') {
  const { mockXHR } = require('../mock')
  mockXHR()
}

// set ElementUI lang to EN
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)
Vue.config.productionTip = false
//##############################################################################################


store.dispatch("GetDictData");

// register globally
// Vue.component('multiselect', Multiselect);
// Vue.component('icon-svg', IconSvg);
// Vue.use(ElementUI);
// Vue.use(vueWaves);
// register global utility filters.
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
});

// register global progress.
// const whiteList = ['/login', '/authredirect'];// 不重定向白名单
// router.beforeEach((to, from, next) => {
//   NProgress.start(); // 开启Progress
//   if (getToken()) { // 判断是否有token
//     if (to.path === '/login') {
//       next({ path: '/' });
//     } else {
//       if (store.getters.menus === undefined) { // 判断当前用户是否已拉取完user_info信息
//         store.dispatch('GetInfo').then(info => { // 拉取user_info
//           store.dispatch("GetDictData");
//           const menus = {};
//           for (let i = 0; i < info.menus.length; i++) {
//             menus[info.menus[i].code] = true;
//           }
//           store.dispatch('GenerateRoutes', menus).then(() => { // 生成可访问的路由表
//             router.addRoutes(store.getters.projectRouters) // 动态添加可访问路由表  
//             next({ ...to }); // hack方法 确保addRoutes已完成
//           })
//         }).catch(() => {
//           store.dispatch('FedLogOut').then(() => {
//             next({ path: '/login' });
//           })
//         })
//       } else {
//         let elements = store.getters.elements;
//         let code = to.meta.code;
//         store.dispatch('GetShowButton',{elements,code});
//         if(!(to.path === '/dashboard')){
//           store.dispatch('addCacheMenu',to.meta);
//         }
//         next();
//       }
//     }
//   } else {
//     if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
//       next()
//     } else {
//       next('/login'); // 否则全部重定向到登录页
//       NProgress.done(); // 在hash模式下 改变手动改变hash 重定向回来 不会触发afterEach 暂时hack方案 ps：history模式下无问题，可删除该行！
//     }
//   }
// });

// router.afterEach(() => {
//   NProgress.done(); // 结束Progress
// });

Vue.config.productionTip = false;

// 生产环境错误日志
if (process.env.NODE_ENV === 'production') {
  Vue.config.errorHandler = function(err, vm) {
    console.log(err, window.location.href);
    errLog.pushLog({
      err,
      url: window.location.href,
      vm
    })
  };
}


new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})



